<template>
  <div class="basic_info">
    <ElForm ref="form" :model="rules" label-position="left" label-width="120px">
      <ElFormItem label="活动类型">
        <span>单品优惠</span>
      </ElFormItem>
      <ElFormItem label="活动主题(C)">
        <ElSelect v-model="BasicForm.region" placeholder="请选择活动主题">
          <ElOption label="上海" value="上海"></ElOption>
          <ElOption label="北京" value="北京"></ElOption>
        </ElSelect>
      </ElFormItem>
      <ElFormItem label="活动规则标题(C)">
        <ElInput
          type="input"
          placeholder="请输入活动名称"
          v-model="BasicForm.name"
        ></ElInput
        ><span>活动规则</span>
      </ElFormItem>
      <ElFormItem label="活动规则说明(C)">
        <ElInput
          type="textarea"
          v-model="BasicForm.desc"
          placeholder="请输入规则说明，以换行分析"
        ></ElInput>
      </ElFormItem>
    </ElForm>
  </div>
</template>

<script>
import {
  ElInput,
  ElSelect,
  ElForm,
  ElFormItem,
  ElOption,
  ElSwitch,
} from "element3";

import { BasicForm } from "./FormInfo";

export default {
  components: {
    ElSwitch,
    ElInput,
    ElForm,
    ElFormItem,
    ElOption,
    ElSelect,
  },
  setup() {
    return {
      BasicForm,
    };
  },
};
</script>
<style lang="scss">
.basic_info {
  text-align: left;
  .el-input {
    width: 80%;
    margin-right: 10px;
  }
}
</style>